.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.mykb-box{
    width:340px;
    height:370px;
    background:rgba(0,0,0,0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    box-shadow:0 0 10px rgb(43, 42, 42);
    border-radius:10px; 
    user-select: none;
    -ms-user-select: none;
    position:absolute;
    display: none; 
    z-index: 1051;
    top:50%;left:50%;transform:translate(-50%,-50%);
}
.mykb-box ul,.mykb-box li{
    list-style: none;
}
.mykb-box li{
    width:50px;
    height:50px;
    line-height:50px;
    text-align: center;
/*     background:#f5f5f5; */
    border-radius:10px;
    font-weight:bold;
    margin:5px;
    float:left;
/*     box-shadow: 0px 2px 1px #000; */
    color:#1b50a2;
    font-size:24px;
    cursor:pointer;
}
.mykb-box li.active{
    box-shadow:0px -2px 1px #000;
}
.mykb-box li .btn.btn-app{width: 100% !important;height: 100% !important;}
.mykb-box .func{color:#fff;width:100px;}
/* .mykb-box .exit{background:#F44336;} */
/* .mykb-box .del{background:#ff9800} */
/* .mykb-box .clearall{background:#2196F3} */
/* .mykb-box .sure{background: #4CAF50;width:190px;} */
.mykb-box .sure{width:160px;}
.mykb-box .touch-spinner{margin-left:30px;margin-top: 15px;width: 280px;}
.mykb-box .input-group .form-control {width: 180px;}
.mykb-box .ace-spinner .spinbox-input {height: 49px;line-height: 1.2;font-size: 25px;}
.mykb-box .ace-spinner.touch-spinner .spinbox-buttons > .btn {height: 49px;line-height: 32px;width: 49px;}
.mykb-box .title{text-align: center;color: #fff;font-size: 20px;}